<!-- This is header of SnowEagle -->
<div class="layui-header header">
    <div class="navbar">
        <a href="#" class="logo">SnowEagle</a>
        <!-- 显示/隐藏菜单 -->
        <a id="toggleSidebar" href="javascript:void(0);" class="fa fa-navicon toggle-sidebar"></a>
        <!-- 搜索 -->
        <div class="layui-form component">
            <select name="modules" lay-verify="required" lay-search="">
                <option value="">直接选择或搜索选择</option>
                <option value="1">layer</option>
                <option value="2">form</option>
                <option value="3">layim</option>
                <option value="4">element</option>
                <option value="5">laytpl</option>
                <option value="6">upload</option>
                <option value="7">laydate</option>
                <option value="8">laypage</option>
                <option value="9">flow</option>
                <option value="10">util</option>
            </select>
            <i class="layui-icon">&#xe615;</i>
        </div>

        <!-- 顶部右侧菜单 -->
        <ul class="layui-nav navbar-buttons">
            <li class="layui-nav-item showNotice" id="showNotice" pc>
                <a href="javascript:void(0);"><i class="fa fa-volume-up"></i><cite>系统公告</cite></a>
            </li>
            <li class="layui-nav-item" mobile>
                <a href="javascript:void(0);" class="mobileAddTab" data-url="page/user/changePwd.html">
                    <i class="fa fa-cog"></i><cite>设置</cite>
                </a>
            </li>
            <li class="layui-nav-item" mobile>
                <a href="${ctxPath}/logout" class="signOut"><i class="fa fa-sign-out"></i> 退出</a>
            </li>
            <li class="layui-nav-item lockScreen" pc>
                <a href="javascript:void(0);"><i class="fa fa-lock"></i><cite>锁屏</cite></a>
            </li>
            <li class="layui-nav-item" pc>
                <a href="javascript:void(0);">
                    @if(isEmpty(avatar)){
                    <img src="${ctxPath}/static/images/girl.gif" class="layui-circle" width="35" height="35">
                    @}else{
                    <img src="${ctxPath}/kaptcha/${avatar}" class="layui-circle" width="35" height="35">
                    @}
                    <cite>${shiro.getUser().realName}</cite>
                </a>
                <dl class="layui-nav-child">
                    <dd><a href="javascript:void(0);" data-url="${ctxPath}/user/user_info"><i class="fa fa-address-card-o"></i><cite>个人资料</cite></a></dd>
                    <dd><a href="javascript:void(0);" class="fullScreen"><i class="fa fa-arrows-alt"></i><cite>全屏模式</cite></a></dd>
                    <dd><a href="javascript:void(0);" class="cleanCache"><i class="fa fa-trash-o"></i><cite>清除缓存</cite></a></dd>
                    <dd><a href="javascript:void(0);" class="systemConfig"><i class="fa fa-gear"></i><cite>系统设置</cite></a></dd>
                    <dd><a href="${ctxPath}/logout" class="signOut"><i class="fa fa-sign-out"></i><cite>退出系统</cite></a></dd>
                </dl>
            </li>
        </ul>
    </div>
</div>